*{
    /* 去除浏览器自带的内外间距 */
    margin: 0;
    padding: 0;
}
.head{
    width: 100%;
    height: 100px;
    background-color: #d9232e;
    margin: 0 auto; /*居中*/
    
}

.head h2{
    width: 100%;
    height: 50px;
    /* background-color: antiquewhite; */
    position: relative;
    top: 25px;    /*当前容器垂直居中于 父容器中*/
    line-height: 50px; /*文本垂直居中，值 = height*/
    text-align: center; /*水平居中*/
    font-size: 35px;  /*字体大小*/
    color: white;   /*文字颜色*/
}

.detail{
    width: 60%;
    height: 400px;
    /* border: 2px solid seagreen;  边框 */
    margin: 0 auto;  /*居中*/
    margin-top: 20px;
}

.detail .dish{
    width: 280px;
    height: 320px;
    /* background-color: aquamarine; */
    position: relative;
    top: 20px;
    float: left;
}

.detail .dish img{
    width: 100%;
    height: 200px;
}
.detail .dish .dish_name{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;  /*垂直居中*/
    font-size: 20px;   /*文字大小*/
    font-weight: bolder;  /*文字加粗*/
    text-align: center;  /*文字水平居中*/
}
.detail .dish .dish_price{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;  
    font-size: 15px;
    font-weight: bold; 
    text-align: center;
    color: #d9232e;  
}

/* 鼠标悬浮上的样式 */
.dish:hover{
    border: 1px solid rgb(209, 207, 207);
}


/* ==========优惠券============ */
.detail .coupons{
    width: 380px;
    height: 400px;
    /* background-color: aquamarine; */
    float: left;
    margin-left: 50px;
}

.save-order-btn{
    width: 80px;
    height: 26px;
    background-color: #d9232e;
    color: white;
    border: none;
}